$fontSize: 12px;
$bgColor: red;
// scss 必须 使用@mixin 才能变成一个函数
@mixin block($fontSize) {
  font-size: $fontSize;
  border: 1px solid #ccc;
  border-radius: 4px;
}

body {
  padding: 0;
  margin: 0;
}

.wrapper {
  background: lighten($bgColor, 40%);

  .nav {
    //  调用mixin 函数必须增加 @include 语法
    @include block($fontSize);
  }
  .content {
    @include block($fontSize + 2px);
    &:hover {
      background: red;
    }
  }
}
